<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>魅族</title>
    <link rel="stylesheet" href="css/meizu.css">
</head>
<body>
    <div class="sec head">
        <div class="row">
            <ul>
                <li  style="padding-left: 0px"><a href="#"> 魅族官网 </a></li>
                <li><a href="#"> 魅族商城 </a></li>
                <li><a href="#"> Flyme </a></li>
                <li><a href="#"> 专卖店 </a></li>
                <li><a href="#"> 服务 </a></li>
                <li><a href="#"> 社区 </a></li>
            </ul>

            <ul  class="head-right">
                <li><a href="#">  我的收藏  <i>new</i> </a></li>
                <li><a href="#"> 我的订单 </a></li>
                <li><a href="#"> 登录 </a></li>
                <li><a href="#"> 注册 </a></li>
            </ul>
        </div>
    </div>

    <div class="ban-logo">
        <div class="row">
            <h3><img src="images/meizu.png"></h3>


            <ul>
                <li  style="padding-left: 0px"><a href="#"> PRO手机 </a></li>
                <li><a href="#">  魅蓝手机 </a></li>
                <li><a href="#">  MX手机 </a></li>
                <li><a href="#"> 精选配件 </a></li>
                <li><a href="#">  智能硬件 </a></li>
            </ul>
        </div>


    </div>

    <div class="banner">
        <div class="row">
            <div class="aside">
                <ul>
                    <li>全部商品分类</li>
                    <li>手机</li>
                    <li>智能硬件</li>
                    <li> 耳机 / 音箱</li>
                    <li>  路由器 / 移动电源</li>
                    <li>保护套 / 后盖 / 贴膜</li>
                    <li>数据线 / 电源适配器</li>
                    <li>周边配件</li>
                </ul>
            </div>
            <img src="images/gotop-arrow.png" class="left-button">
            <img src="images/gotop-arrow.png" class="right-button">
            <ul class="list-button">
                <li style="background: white"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>

    <div class="ad">
        <div class="row">
            <ul class="button-list">
                <li><img src="images/1450855198-58056.png"></li>
                <li><img src="images/1450855246-61162.png"></li>
                <li><img src="images/1450855279-64872.png"></li>
                <li><img src="images/1451960447-93534.png"></li>
            </ul>
            
            
                <img src="images/1469442560-64371.jpg">
                <img src="images/Cix_s1f66-eAGausAABXAszHWuE990.png">
                <img src="images/Cix_s1fuEgmAc5NwAABEl576SHY123.jpg">
                <img src="images/CnQOjVfhDa2AKtdyAAAtKjihE5E114.jpg">
        </div>
    </div>

    <div class="telephone">
        <div class="row">
            <span class="title">手机</span>
            <div class="more">更多 <img src="images/gotop-arrow.png"/> </div>
        </div>

        <div class="row">
            <div class="telephone-panel">
                <span class="budget">
                    热卖
                </span>

                <img src="images/Cix_s1f6EZaAMxvjAA2l_exLROk326_180x180.png"/>
                <p class="name">魅蓝note3</p>
                <p class="info">11日-12日 限量开售</p>
                <p class="price">￥ 799</p>
            </div>

            <div class="telephone-panel">
                <img src="images/CnQOjVf4y6iAe-3RAAbqolcyaco939_180x180.png"/>
                <p class="name">魅蓝3s</p>
                <p class="info">11日-12日 限量开售</p>
                <p class="price">￥ 599</p>
            </div>

            <div class="telephone-panel">

                <span class="budget">
                    热卖
                </span>

                <img src="images/CnQOjVf8Qm2AGJwmAAf5c4NUNpI085_180x180.png"/>
                <p class="name">魅蓝 metal</p>
                <p class="info">领券立减100元</p>
                <p class="price">￥ 699</p>
            </div>

            <div class="telephone-panel">

                <span class="budget" style="background-color: #f0415f">
                    特惠
                </span>
                <img src="images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png"/>
                <p class="name">魅蓝note3</p>
                <p class="info">11日-12日 限量开售</p>
                <p class="price">￥ 799</p>
            </div>

            <div class="telephone-panel">

                <span class="budget">
                    热卖
                </span>
                <img src="images/CnQOjVffSHOAaRkmAA0Rkx2XjKE222_180x180.png"/>
                <p class="name">魅蓝note3</p>
                <p class="info">11日-12日 限量开售</p>
                <p class="price">￥ 799</p>
            </div>
        </div>
    </div>

    <div class="tail">
        <div class="row">
            <div class="tail-panel">
                <p>帮助说明</p>
                <ul>
                    <li>支付方式</li>
                    <li>配送说明</li>
                    <li>售后服务</li>
                    <li>付款帮助</li>
                </ul>
            </div>
            <div class="tail-panel">
                <p>Flyme</p>
                <ul>
                    <li>开放平台</li>
                    <li>    固件下载</li>
                    <li>   软件商店</li>
                    <li>     查找手机</li>
                </ul>
            </div>
            <div class="tail-panel">
                <p>关于我们</p>
                <ul>
                    <li>关于魅族</li>
                    <li>  加入我们</li>
                    <li> 联系我们</li>
                    <li> 法律声明</li>
                </ul>
            </div>
            <div class="tail-panel">
                <p>关注我们</p>
                <ul>
                    <li> 新浪微博</li>
                    <li> 腾讯微博</li>
                    <li> QQ空间</li>
                    <li>  官方微信</li>
                </ul>
            </div>
            <div class="tail-panel">
                <p>24小时全国热线</p>
                <p class="phone-number">
                    400-788-3333
                </p>

                <div class="tail-button">
                    <span>
                       <i> ...</i>
                    </span>

                    24小时在线客服
                </div>
            </div>
        </div>
    </div>

    <div class="footer">

        &copy;2016 &nbsp; Meizu&nbsp; Telecom&nbsp;Equipment &nbsp;Co.,&nbsp; Ltd. &nbsp;All &nbsp;rights&nbsp; reserved.&nbsp; 备案号：&nbsp;&nbsp;粤ICP备13003602号-2 &nbsp;经营许可证编号：&nbsp;粤B2-20130198 &nbsp;营业执照&nbsp;
        <img src="images/trust-icon.png"> &nbsp; <img src="images/footer-copy-1.png">
    </div>
</body>
</html>